<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3</title>
<style>
.another{
	font-weight: bold;
	color: #00F;
}
</style>
 <!--   引入jQuery -->
<script src="scripts/jquery-1.3.1.js" type="text/javascript"></script>
 <script type="text/javascript">
 $(function(){
 	$("#btn1").click(function(event) {
 		/* Act on the event */
 		$("ul").prepend("<li title='雪梨'>雪梨</li>")
 	});
	

	$("#btn2").click(function(event) {
		/* Act on the event */
		$("p").removeAttr('title');
	});

	$("#btn3").click(function(event) {
		/* Act on the event */
		$("p").addClass('another');
	});
  });
  
	 
	 

 </script>
</head>
<body>
	<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
	<ul>
	  <li title='苹果'>苹果</li>
	  <li title='橘子'>橘子</li>
	  <li title='菠萝'>菠萝</li>
	</ul>
	<button id="btn1">在水果列表中添加雪梨节点，将它添加到列表的最前面</button>
	<button id="btn2">将p元素的titel属性删除</button>
	<button id="btn3">将p元素样式设置为粗体蓝色</button>
</body>
</html>

 